<!-- 单张图片板块 -->
{% extends "base.html" %}
{% block title %}图片专区{% endblock %}
{% block content %}
    <br>
    <div class="row">
    <div class="col-md-2"></div>
        <div class="col-md-8">
            <div class="panel panel-danger">
                <div class="panel-heading"><h3>{{ post.title }}</h3></div>
                <div class="panel-body" align="center"><img src="{{ post.picture }}"></div>
            </div>
            <div style="float: right">
                <span>
                    <button class="btn btn-white profile-time-ds-none btn-xs" onclick="javascrtpt:window.location.href='/photo/{{ post.id|add:1 }}'">↑ 上一张</button>&nbsp;&nbsp;
                    <button class="btn btn-white profile-time-ds-none btn-xs" onclick="javascrtpt:window.location.href='/photo/{{ post.id|add:-1 }}'">↓ 下一张</button>&nbsp;&nbsp;
                    <button class="btn btn-white profile-time-ds-none btn-xs" onclick="javascrtpt:window.location.href='javascript:history.back(-1)'"><i class="fa big-icon fa-home"></i> 返 回</button>&nbsp;&nbsp;
                </span>
            </div>
        </div>
    </div>
    <br><br><br><br><br>
{% endblock %}